<template>
  <div class="container">
    <img
      class="result-img"
      src="https://wifenxiao.oss-cn-hangzhou.aliyuncs.com/h5-wfx/images/ai/success.png"
      alt=""
    />
    <div class="text-box">
      <p>上传成功！ 请等待结果</p>
      <p>大约20秒后您可以查看到结果哦~</p>
    </div>
    <div class="btn-box" @click="toPageList">点击查看检测数据</div>
  </div>
</template>

<script>
/* eslint-disable */
import { skinDetection } from '@/api/dz/aiDzApi'
import Vue from 'vue'
import { Toast } from 'vant'
Vue.use(Toast)
export default {
	data() {
		return {
			id: ''
		}
	},
	created () {
		this.id = this.$route.query.skin_id
		this.init()
	},
	methods: {
		Jump(url, data) {
			this.$JumpPath(this, url, data, 0)
		},
		toPageList() {
			this.Jump('aiList')
		},
		init() {
      this.$loadingWrap.show()
      setTimeout(() => {
        this.$loadingWrap.close()
      }, 10000)
			skinDetection({
				id: this.id
			}).then(res => {
        this.$loadingWrap.close()
				if (res.status == 1) {
				}		
			})  
		},     
	}
}
</script>
<style lang="scss">
.app-wrapper.h100 {
	background: #020B1E;
	padding: 0;
}
.container {
  width: 100vw;
	min-height: 100vh;
  background: #020b1e;
  padding-top: 165px;
  color: #fff;
  font-size: 32px;
  .result-img {
    width: 300px;
    height: 235px;
    margin-left: 225px;
    margin-bottom: 100px;
  }
  .text-box {
    text-align: center;
    line-height: 60px;
  }
  .btn-box {
    margin-top: 85px;
    margin-left: 56px;
    width: 638px;
    height: 96px;
    border-radius: 48px;
    background: #0ca2e7;
    text-align: center;
    line-height: 96px;
  }
}
</style>
